import React from "react";
import { useNavigate } from "react-router-dom";
import "./index.css";
const Index: React.FC = () => {
  const navigate = useNavigate();
  const cjyf = () => {
    console.log("春季预防");
    navigate("/sprngprevention");
  };
  const twk = () => {
    console.log("黄芪泡水喝");
    navigate("/astragalusmembranaceussoakedinwatertodrink");
  };
  const jzcw=()=>{
    console.log("脊柱侧弯")
    navigate("/scoliosis")
  }
  return (
    <div>
      <div className="HealthAndWellnessOne">
        <div onClick={() => cjyf()}>
          <p>春季预防三高,预防心脑血管疾病,不得不提到的三个"笋"子!</p>
          <div className="img">
            <img src="https://jkcdn.pajk.com.cn/image/T1slZcBvEg1RCvBVdK" />
            <img src="https://jkcdn.pajk.com.cn/image/T1YYVOBvYT1RCvBVdK" />
            <img src="https://jkcdn.pajk.com.cn/image/T1mRDSB7xT1RCvBVdK" />
          </div>
        </div>
        <div className="twk" onClick={() => twk()}>
          <dl>
            <dt>
              <img src="https://jkcdn.pajk.com.cn/image/T1wFLSBCLT1RCvBVdK" />
            </dt>
            <dd>黄芪泡水喝，能给我们的身体带来什么变化？医生用临床经验说话</dd>
          </dl>
        </div>
        <div className="cwzs" onClick={()=>jzcw()}>
          <p>这4个错误的姿势，最容易引起脊柱侧弯！多数人都中枪了</p>
          <div>
            <img src="https://jkcdn.pajk.com.cn/image/T1hYEOB__T1RCvBVdK" />
            <img src="https://jkcdn.pajk.com.cn/image/T1ezYSBCDT1RCvBVdK" />
            <img src="https://jkcdn.pajk.com.cn/image/T1JzASBXdT1RCvBVdK" />
          </div>
        </div>
      </div>
    </div>
  );
};
export default Index;
